<template>
	<view class="body">
		<view class="applyone" v-for="item in MoreLists">
			<view v-if="item.auth?can(item.QX_ID):'false'" @tap="hanleTo(item.to)">
				<text :class="'cuIcon-'+item.icon" :style="'color:'+item.color"></text>{{item.title}}
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	import {usePermission} from "../../utils/usePermission"
	import {useMoreList} from "./useInfomange"
	import {ref,onMounted} from "vue"
	const {can} = usePermission()
	const {MoreList}:any = useMoreList()
	const MoreLists = ref<any>([])
	function hanleTo(url:string){
		uni.navigateTo({
			url: url
		})
	}
	onMounted(()=>{
		MoreLists.value = MoreList
	})
</script>

<style lang="scss">
	.body{
		height: 100vh;
		background: white;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		.applyone{
			view{
				margin-top: 5%;
				font-size: 32rpx;
				height: 150rpx;
				width: 375rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: 700;
				box-shadow: #9e9e9e 5rpx 10rpx 5rpx;
				border-radius: 5%;
				text{
					font-size: 60rpx;
				}
			}
		}
	}
</style>